.lanmub_index_case{ background:url(../images/casebg.jpg) no-repeat bottom / cover; padding:3% 0 1.5%; width:100%}
.lanmub_index_case .index_case_title{color:#1a1a1a; padding:0 12%; position:relative}
.lanmub_index_case .index_case_title p{ line-height:64px; font-size:50px; text-transform:uppercase; font-weight:700}
.lanmub_index_case .index_case_title h2{font-weight:400;font-size:30px;line-height:1.8;}
.lanmub_index_case .index_case_title i{ width:50px; height:5px; display:block}
.lanmub_index_case .index_case_more{padding:10px 30px;font-size:14px;color: #fff; float:right; margin-top:30px;}
.lanmub_index_case .index_case_more img{ margin:2px 0 0 10px; float:right}
.lanmub_index_case .case-content{ padding:0 2%}
.lanmub_index_case .case-content ul{ padding:3% 0}
.lanmub_index_case .case-content li{ width:25%; float:left; display:inline;margin-top:10px}
.lanmub_index_case .case-content-top{ width:98%; position:relative;background:#f8f8f8; margin:1% auto}
.lanmub_index_case .case-content-top .case-content-top-img{display:flex;justify-content: center;align-items: center;overflow:hidden;}
.lanmub_index_case .case-content-top img{ width:100%;max-height:100%;}
.lanmub_index_case .case-fixed{width:100%;position: absolute;top:0; bottom:0;left:0;opacity:0;background:rgb(0,0,0,.5); text-align:center;z-index:2;color:#fff; padding-top:30%}
.lanmub_index_case .case-fixed p{font-size:20px;line-height:20px; padding:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lanmub_index_case .case-fixed .jia{background:url(../images/jia.png) no-repeat center;height: 50px; width:100%}
.lanmub_index_case .case-content-top:hover .case-fixed{ opacity:1;transform: translate(0px, 0px) scale(1);}